<template>
  <div>
    <Header />
  <router-view></router-view>
    <Footer v-if="FooterIsShow"/>
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";
export default {
  name: "App",
  components: {
    Header,
    Footer,
  },
  // data(){
  //   FooterShowList:["Login","Register"]
  // },
  computed:{
    FooterIsShow(){
      //第一种方法,直接判断name属性
      // return this.$route.name !=="Login"&&this.$route.name!=="Register"
      //第二种写法,根据路由携带的元信息判断是否需要展示
      return !this.$route.meta.FooterIsHidden;
      //三种写法,用数据判断，把不展示footer的收集到数组中 作为白名单,然后判断当前路由在不在白名单中
    // return !this.FooterShowList.includes(this.$route.name)
    }
  }
};
</script>

<style></style>
